<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=IE8" />
<meta http-equiv="Cache-Control" content="No-Cache" />
<meta http-equiv="Pragma" content="No-Cache" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title></title>
<link rel="stylesheet" type="text/css" href="/resources/css/login.css" />
<link rel="stylesheet" type="text/css" href="/resources/css/form.css" />

<!--[if lt IE 9]>
	<script type="text/javascript" src="/resources/js/html5.js" /></script>
	<script type="text/javascript" src="/resources/js/ie9.js" /></script>
<![endif]-->
<script type="text/javascript" src="/resources/js/jquery-1.9.1.js" /></script>
<script type="text/javascript" src="/resources/js/jquery.easyui.min.js" /></script>
<script type="text/javascript" src="/resources/js/jquery.jclock.js" /></script>

<script type="text/javascript">
$(document).ready(function(){
    $("#login_error").show(); 
    $("#check_error").click(function(){
        $("#login_error").slideDown("fast");
    });
});
</script>
</head>

<body onload='document.f.j_username.focus();'>
    <div class="login_wrap">
        <div class="login_inner_wrap">
            <div style="height:260px;overflow:hidden">
	            <div class="login">
	            
	<%--  <c:if test="${not empty error}">
        <div class="errorblock">
            Your login attempt was not successful, try again.<br /> Caused :
            ${sessionScope["SPRING_SECURITY_LAST_EXCEPTION"].message}
        </div>
    </c:if> --%>
	            
	            <form name='f' action="<c:url value='j_spring_security_check' />"
		method='POST'>
	                <table>
	                    <colgroup>
	                        <col width="58px">
	                        <col>
	                        <col width="100px">
	                    </colgroup>
	                    <tr>
	                        <th>아이디</th>
	                        <td><input type="text" class="login_text" name='j_username'></td>
	                        <td rowspan="2"><button class="login_button" > <!-- onclick="location.href='/html/dic/dictionary.jsp'" -->로그인</button></td>
	                    </tr>
	                    <tr>
	                        <th>비밀번호</th>
	                        <td><input type="password" class="login_text" name='j_password' id="check_error"></td>
	                    </tr>
				    	<tr>
				    		<th></th>
				    		<td colspan="2">
				    			<input type="checkbox">로그인상태 유지
				    		</td>
				    	</tr>
	                </table>
	                </form>
	            </div>
	            <div class="wrap_login_error">
	                <!-- <div class="login_error" id="login_error">입력하신 아이디 또는 비밀번호가 일치하지 않습니다.</div> -->
	                <c:if test="${not empty error}">
        <div class="login_error" id="login_error">
            입력하신 아이디 또는 비밀번호가 일치하지 않습니다.
            <%--  <br /> Caused :  ${sessionScope["SPRING_SECURITY_LAST_EXCEPTION"].message}  --%>
        </div>
    </c:if>
	            </div>
            </div>
            <div class="footer">Copyright 2013 National Credit Union Federation of Korea. All rights reserved.</div>
            ${error}
        </div>
    </div>
<!-- <div class="easyui-panel" style="position:absolute; top:50%; left:50%; width:400px; margin:-50px 0 0 -200px; padding:30px 20px; "> -->
<!-- 		<div class="wrap_tblDicSearch">     -->
<!-- 		    <table class="tblDicSearch">     -->
<!-- 		    	<colgroup> -->
<!-- 		    		<col width="60px"> -->
<!-- 		    		<col width="*"> -->
<!-- 		    		<col width="85px"> -->
<!-- 		    	</colgroup> -->
<!-- 		    	<tr> -->
<!-- 		    		<th>아이디</th> -->
<!-- 		    		<td class="formText"> -->
<!-- 		    			<input type="text"> -->
<!-- 		    		</td> -->
<!-- 		    		<td style="text-align:right"> -->
<!-- 		    			<a href="/html/dic/dictionary.jsp" class="easyui-linkbutton fullH" style="dispaly:inline-block; height:100px;">로그인</a> -->
<!-- 		    		</td> -->
<!-- 		    	</tr> -->
<!-- 		    	<tr> -->
<!-- 		    		<th>비밀번호</th> -->
<!-- 		    		<td class="formText"> -->
<!-- 		    			<input type="text"> -->
<!-- 		    		</td> -->
<!-- 		    	</tr> -->
<!-- 		    	<tr> -->
<!-- 		    		<th></th> -->
<!-- 		    		<td colspan="2"> -->
<!-- 		    			<input type="checkbox">로그인상태 유지 -->
<!-- 		    		</td> -->
<!-- 		    	</tr> -->
<!-- 		    </table> -->
<!-- 	    </div> -->
<!-- </div> -->
</body>
</html>	
